<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>Expanding Cards</title>
  </head>
  <body>
    <!-- 主页面 -->
    <div class="container">
      <div
        class="panel active" >
        <!-- 头像 -->
        <div class="touXiang">
          <img src="http://img.jsqq.net/uploads/allimg/150121/1_150121152120_19.jpg" alt="">
        </div>
        <h1 >只有把抱怨环境的心情，化为上进的力量，才是成功的保证</h1>
        <h2>web</h2>
        <h3>Liang</h3>
      </div>
      <!-- 关于我 -->
      <div
        class="panel"
        
      >
      <h1 style="font-size: 30px;">关于我</h1>
      <table style="font-size: 15px;display: flex;justify-content: center;">
        <tr>
          <td>姓名：梁先生</td>
          <td>QQ：2761884139</td>
        </tr>
        <tr>
          <td>电话：19711096334</td>
          <td>微信：L-SJ6616</td>
        </tr>
        <tr>
          <td>地址：河南安阳</td>
          <td>职业：学生</td>
        </tr>
     </table>
        <h3>Liang</h3>
      </div>
      <!-- 历史生涯 -->
      <div
        class="panel"
        
      ><h1>生涯</h1>
      <div style="height: 70vh; display: flex; justify-content: center;">
         
        </div><h1>代码不会写</h1>
        <h3>Liang</h3>
      </div>
      <!-- 目前项目 -->
      <div
        class="panel"
        
      ><h1>新人初学，暂无</h1>
        <h3>Liang</h3>
      </div>
      <!-- 动态 -->
      <div
        class="panel"
        
      ><h1>代码都懒得写，还能写这？？？？</h1>
        <h3>Liang</h3>
      </div>
    </div>

    <script src="script.js"></script>
  </body>
</html>